django-allauth是集成的Django应用程序,用于解决网站身份验证,用户的注册登录及账户管理,以及第三方(社交)账户的身份验证。

既然你知道并准备使用django-allauth,所以本文假定你已经掌握了基本的django知识(比如会用django搭建Web App,甚至是一个小型博客网站)。

安装与基本配置

安装

     pip install django-allauth

基本配置

1.在你项目的settings.py里加上以下相对应的代码

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.request',
            ],
        },
    },
]

AUTHENTICATION_BACKENDS = (
    'django.contrib.auth.backends.ModelBackend',
    'allauth.account.auth_backends.AuthenticationBackend',
)

INSTALLED_APPS = (
   
    # 这两个django本身的app也是需要的,但不需要重复添加
    'django.contrib.auth',
    'django.contrib.sites',

    'allauth',
    'allauth.account',
    'allauth.socialaccount',

    # 下面是django-allauth目前支持的社交账号,加上你需要的就行了,不用全加上:
    'allauth.socialaccount.providers.amazon', # 亚马逊
    'allauth.socialaccount.providers.angellist',
    'allauth.socialaccount.providers.asana',
    'allauth.socialaccount.providers.auth0',
    'allauth.socialaccount.providers.authentiq',
    'allauth.socialaccount.providers.baidu', # 百度
    'allauth.socialaccount.providers.basecamp',
    'allauth.socialaccount.providers.bitbucket',
    'allauth.socialaccount.providers.bitbucket_oauth2',
    'allauth.socialaccount.providers.bitly',
    'allauth.socialaccount.providers.coinbase',
    'allauth.socialaccount.providers.dataporten',
    'allauth.socialaccount.providers.daum',
    'allauth.socialaccount.providers.digitalocean',
    'allauth.socialaccount.providers.discord',
    'allauth.socialaccount.providers.douban', # 豆瓣
    'allauth.socialaccount.providers.draugiem',
    'allauth.socialaccount.providers.dropbox',
    'allauth.socialaccount.providers.dwolla',
    'allauth.socialaccount.providers.edmodo',
    'allauth.socialaccount.providers.eveonline',
    'allauth.socialaccount.providers.evernote',
    'allauth.socialaccount.providers.facebook',
    'allauth.socialaccount.providers.feedly',
    'allauth.socialaccount.providers.fivehundredpx',
    'allauth.socialaccount.providers.flickr',
    'allauth.socialaccount.providers.foursquare',
    'allauth.socialaccount.providers.fxa',
    'allauth.socialaccount.providers.github', # GitHub
    'allauth.socialaccount.providers.gitlab',
    'allauth.socialaccount.providers.google',
    'allauth.socialaccount.providers.hubic',
    'allauth.socialaccount.providers.instagram',
    'allauth.socialaccount.providers.kakao',
    'allauth.socialaccount.providers.line',
    'allauth.socialaccount.providers.linkedin',
    'allauth.socialaccount.providers.linkedin_oauth2',
    'allauth.socialaccount.providers.mailru',
    'allauth.socialaccount.providers.mailchimp',
    'allauth.socialaccount.providers.meetup',
    'allauth.socialaccount.providers.naver',
    'allauth.socialaccount.providers.odnoklassniki',
    'allauth.socialaccount.providers.openid',
    'allauth.socialaccount.providers.orcid',
    'allauth.socialaccount.providers.paypal',
    'allauth.socialaccount.providers.persona',
    'allauth.socialaccount.providers.pinterest',
    'allauth.socialaccount.providers.reddit',
    'allauth.socialaccount.providers.robinhood',
    'allauth.socialaccount.providers.shopify',
    'allauth.socialaccount.providers.slack',
    'allauth.socialaccount.providers.soundcloud',
    'allauth.socialaccount.providers.spotify',
    'allauth.socialaccount.providers.stackexchange',
    'allauth.socialaccount.providers.stripe',
    'allauth.socialaccount.providers.trello',
    'allauth.socialaccount.providers.tumblr',
    'allauth.socialaccount.providers.twentythreeandme',
    'allauth.socialaccount.providers.twitch',
    'allauth.socialaccount.providers.twitter',
    'allauth.socialaccount.providers.untappd',
    'allauth.socialaccount.providers.vimeo',
    'allauth.socialaccount.providers.vk',
    'allauth.socialaccount.providers.weibo', # 新浪微博
    'allauth.socialaccount.providers.weixin', # 微信
    'allauth.socialaccount.providers.windowslive',
    'allauth.socialaccount.providers.xing',
    
)

SITE_ID = 1    # 不要漏了这句哦

2.在项目的urls.py(即与setting.py在同一文件夹的urls.py)里加上下面这句:

urlpatterns = [
    url(r'^accounts/', include('allauth.urls')),
]

温馨提示
如果你了解或者用过django.contrib.auth.urls这个模块的话,那么用了django-allauth后你就可以用由allauth提供的account_login, account_logout ,account_set_password ......这些URLs来替代原先的login, logout, password_change......

3.在项目的根目录(即manage.py所在文件夹)里执行以下命令:

python manage.py migrate

4.重启服务器。

添加社交账号登录

后台设置

注意:因为做网站一般有两种环境:开发环境(即网站在本地主机上开发)和生产环境(即网站部署在服务器),而开发环境网站主页一般为:http://127.0.0.1:8000,生产环境则类似为http://www.honkerzhou.com,为简单描述,所以下文我会直接用你的域名代替你的网站主页地址,故请分清自己的网站主页地址,以免混淆。

  1. 进入后台管理界面(你的域名/admin/ ),点击站点(Sites),在里面增加一个站点,域名就写你的域名,名称随意,填好后点保存;
  2. 在社交账号(SOCIAL ACCOUNTS)下的社交app(Social application)里增加一个社交app,需要你填上相关信息(下面以支持GitHub社交账号登录为例)。
  3. Provider:选择GitHub;
  4. 名称(Name):可以随便写,只有你自己能辨别就好,建议写GitHub;
  5. Client id和Secret key: 需要到GitHub上申请获取。如没有或不会,详见获取第三方应用的Client id和Secret key
  6. Key: 可不填;
  7. Sites: 在可用的sites下选中你的域名,将其移到右边选中的sites中,点保存。

获取第三方应用的Client id和Secret key

1.GitHub

登录GitHub后 --> 进入Settings --> 进入Developer settings --> 在OAuth Apps下进入New OAuth App --> 然后按步骤填写信息 --> 进入下一步后就可以看到Client id和Secret key了。

注意:

  1. Homepage URL填写你的域名;
  2. Authorization callback URL填写你的域名/accounts/github/login/callback/

验证和初步使用

  1. 重要:注销你的管理员账号!!!
  2. 进入这个网址:你的域名/accounts/login/ ,你会看到一个排版很乱很丑的页面,这是django-allauth自带的模板。如果这时你选择通过GitHub账号登录并且出现了GitHub登录授权的提示说明你前面都做对了,恭喜你!
  3. 但你会发现授权登录后链接到了这个网址:你的域名/accounts/profile/ ,并且得到一个404页面,这时请别慌张,你只需要在你的settings.py文件里加上这句代码:LOGIN_REDIRECT_URL = '/'保存后刷新页面,你会发现跳转到了你网站的主页面;
  4. 如果你要退出登录,进入这个网址: 你的域名/accounts/logout/ 注销即可。

honkerzhou
7 声望0 粉丝

做一个优秀的社会主义接班人